'use client';
import { useTranslations } from 'next-intl';
import { Table, theme } from 'antd';
import { useRouter } from 'next/navigation';
import Layout from '@/components/Layout';
import Column from './column';
import AvaForm from './AvaForm';

export default function Zhang() {
  const t = useTranslations('smy');
  const { token } = theme.useToken();

  const listStyle: React.CSSProperties = {
    background: token.colorFillAlter,
    borderRadius: token.borderRadiusLG,
    padding: 12
  };

  return (
    <Layout curActive='/smy'>
      <main>
        <div>
          <div style={listStyle}>
            <h3>{t('song')}</h3>
            <AvaForm/>
              <Column/>
          </div>
        </div>
      </main>
    </Layout>

  );
}
